var ot1=document.getElementById("t1")
/* console.log(ot1) */
var ot=document.getElementById("t")
var onannan=document.getElementById("nannan")
var oxxx=document.getElementById("xxx")
var oy1=document.getElementById("y1")
var oww1=document.getElementById("ww1")
var oy2=document.getElementById("y2")
var oww2=document.getElementById("ww2")
var oy3=document.getElementById("y3")
var oww3=document.getElementById("ww3")
var oy4=document.getElementById("y4")
var oww4=document.getElementById("ww4")
var oy5=document.getElementById("y5")
var oww5=document.getElementById("ww5")
var olzz=document.getElementById("lzz")
var oyouou=document.getElementById("youou")
var oyouou2=document.getElementById("youou2")
var oyouou3=document.getElementById("youou3")
var ozd=document.getElementById("zd")
var ozd2=document.getElementById("zd2")
var ozd3=document.getElementById("zd3")
var obtt=document.getElementById("btt")
var oremenn=document.getElementById("remenn");
var ojk=document.getElementById("jinkouuu");
var obtt2=document.getElementById("btt2")
var ogcg=document.getElementById("gcg");
var ogcgl=document.getElementById("gcgl")

var ozddd=document.getElementById("zddd");
var ozdy=document.getElementById("zdy")

var ozhuce=document.getElementsByClassName("zhuce");
var oan1=document.getElementsByClassName("an1");
/*  */
//console.log(ot)  取到了
/* console.log(ozhuce);
console.log(oquan) */



 ot1.onmouseover=function(){ 
    ot1.style.backgroundColor="grey"
    ot1.style.color="white"
    ot.style.backgroundColor="white"
    ot.style.color="black"
    olzz.style.display="block"
    onannan.style.display="none"
}
ot.onmouseover=function(){  //鼠标悬浮效果
    ot.style.backgroundColor="grey"
    ot.style.color="white"
  ot1.style.backgroundColor="white"
    ot1.style.color="black" 
onannan.style.display="block"

}
ot.onclick=function(){
  onannan.style.display="block"
  
}
oy1.onmouseover=function(){
oww1.style.display="block"
}
oy1.onmouseout=function(){
  oww1.style.display="none"
}

oy2.onmouseover=function(){
  oww2.style.display="block"
  }
  oy2.onmouseout=function(){
    oww2.style.display="none"
  }

  oy3.onmouseover=function(){
    oww3.style.display="block"
    }
    oy3.onmouseout=function(){
      oww3.style.display="none"
    }
    oy4.onmouseover=function(){
      oww4.style.display="block"
      }
      oy4.onmouseout=function(){
        oww4.style.display="none"
      }
    
      oy5.onmouseover=function(){
        oww5.style.display="block"
        }
        oy5.onmouseout=function(){
          oww5.style.display="none"
        }

        var swiper = new Swiper(".mySwiper", {
          pagination: {
            el: ".swiper-pagination",
            clickable: true,
            renderBullet: function (index, className) {
              return '<span class="' + className + '">' + (index + 1) + "</span>";
            },
          },
        });
        oyouou.onmouseover=function(){
          ozd.style.right="15"+"px"
        }
        oyouou.onmouseout=function(){
          ozd.style.right="0"
        }

        oyouou2.onmouseover=function(){
          ozd2.style.right="15"+"px"
        }
        oyouou2.onmouseout=function(){
          ozd2.style.right="0"
        }

        oyouou3.onmouseover=function(){
          ozd3.style.right="15"+"px"
        }
        oyouou3.onmouseout=function(){
          ozd3.style.right="0"
        }

        obtt.onmouseover=function(){
        oremenn.style.display="block";
        ogcgl.style.display="none"
   ojk.style.display="none";
        }

       
       
          ogcg.onmouseover=function(){
  ogcgl.style.display="block"
  oremenn.style.display="none";
  ojk.style.display="none";
      
            } 
           
            obtt2.onmouseover=function(){
              ojk.style.display="block";
              oremenn.style.display="none";
 ogcgl.style.display="none"
        
              }

           
       


              axios.get("http://localhost:3000/products").then(function(resData){
       
              
                let str=`<div id="jue" >   <a href="gowuche.html?id=${resData.data[0].id}">  
                    <img src="${resData.data[0].pimg}">
                    <p class="titel">${resData.data[0].pname}</p>
                    <p class="price">${resData.data[0].price}</p>
                     </a></div>`
                     $("#njhb").append(str)
          
                    }
               
              )

           
            
              


              //以下是接口
           




            
